<div class="page-container">
    <div class="inner-page-content">
        <div class="file-maker-bar" *ngIf="fileMakeOption.showFilePerview">
            <span>内容编辑区域 正在制作: {{fileMakeOption.fileInfo?.fileName}}</span>
            <div class="spacer"></div>
            <div class="btn-ac-pl">
                <button nz-button nzType="default" (click)="exitFileMake()">返回</button>
                <button nz-button nzType="primary" (click)="downloadFile()">保存</button>
                <a nz-button nzType="link" (click)="toggleFullScreen()" class="icon-btn ">
                    <i class="iconfont icon-fullscreen-fill"></i>
                </a>
            </div>
        </div>
        <div [ngStyle]="fsStyle" #contentPageArea>
            <div [ngStyle]="{'flex': fileMakeOption.showFilePerview ? 3 : 1}">
                <ng-container #containerRef></ng-container>
            </div>
            <div [ngStyle]="{'flex': 7}" *ngIf="fileMakeOption.showFilePerview">
                <iframe #fileIframe style="width: 100%; min-height: 800px; height: 100%;"></iframe>
            </div>
        </div>
        <div class="btns" *ngIf="page?.isForm && mode!=='view'">
            <button nz-button nzType="primary" (click)="save()">保存</button>
            <button nz-button *ngIf="page.refPageId" (click)="back()">返回</button>
        </div>
        <ng-container *ngIf="layoutComponentRef && layoutComponentRef.instance.isUnAuthorized">
            <div class="un-auth">
                <zepride-un-authorized describle="您没有此页面编辑或查看的权限"></zepride-un-authorized>
            </div>
        </ng-container>
    </div>
</div>
<div class="back-btn" (click)="pageBack()">
    <i class="content iconfont icon-reply-fill1"></i>
    <span class="content text">返回</span>
</div>